<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/echarts.js"></script>
    <title>Title</title>
</head>
<body>
<div id="main" style="width: 800px; height: 400px;"></div>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById("main"));
    var option = {
        tooltip: {
            trigger: 'item',
            formatter:'{b}:{c}({d}%)'
        },
        title:{
        text:'圆环的例子',
        left:'center',
        top:'center'},
        series: [
            {
                type: 'pie',
                radius: ['40%', '70%'],
                data: [
                    { value: 335, name: 'A' },
                    { value: 234, name: 'B' },
                    { value: 1548, name: 'C' }
                ]
            }
        ]
    }
    myChart.setOption(option)
</script>
</body>
</html>